<template>
    <div id="app-2">
        <h1>{{title}}</h1>
        <todo-list/>
    </div>
</template>
<script>
import TodoList from "./components/TodoList";
export default {
  data() {
    return { title: "My Todo App!" };
  },
  components: {
    TodoList
  }
};
</script>
<style lang="scss">
#app-2 {
  width: 400px;
  border-radius: 10px;
  border: 1px dashed #b8b8b8;
  text-align: center;
  background-color: #DDF0ED;
}
#app-2 h1 {
  font-size: 24px;
  margin:5px auto;
}
</style>
